<template>
  <div class="app-container vhc">
    {{ sentence.name }} —— {{ sentence.from }}
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import { sentencesReq } from '../api/open'

const sentence = ref('')

onMounted(() => {
  console.log('---onMounted---');
  getSentences()
})

function getSentences() {
  sentencesReq().then((res) => {
    sentence.value = res.result
    console.log(sentence.value);
  })
}

</script>

<style lang="scss" scoped></style>